<template>
	<div class="header-week">
		<!-- 顶部标签 -->
		<div class="week-top">
			周末去哪儿
		</div>
		<ul>
			<li v-for="(item,index) in WeekList" :key="index">
				<img :src="item.weekimg" />
				<p>清远周边逛</p>
				<span>{{item.txt}}</span>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		props:['WeekList'],//接收父组件传递的数组
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped  >
	.header-week{
		width: 100%;
		background-color: white;
	}
	.week-top{
		background-color: #CCCCCC;
		line-height: 1rem;
		padding-left: 0.2rem;
		font-size: 0.4rem;
		font-weight: bold;
	}
	.header-week img{
		width: 100%;
		height: 3rem;
	}
	.header-week p{
		font-size:0.4rem ;
		font-weight: bold;
		padding-left: 0.2rem;
	}
	.header-week span{
		display: block;
		font-size: 0.32rem;
		padding-left: 0.2rem;
		padding-bottom: 0.3rem;
	}
</style>
